@font-face{
	font-family:"Adventure";
	src: url("Adventure.otf");
}

#menu, #menu ul 
{
    padding: 0;
    margin: 0;
    list-style: none;
}
#menu
{
/* on centre le menu dans la page */
    text-align: center;
}
#menu li 
{
/* on place les liens du menu horizontalement */
    display: block;
	text-align: center;
}
#menu ul li 
{
/* on enlève ce comportement pour les liens du sous menu */
    display: inherit;
}
#menu a 
{
    text-decoration: none;
    display: block;
	color: white;
}
#menu ul
{
    position: absolute;
/* on cache les sous menus complètement sur la gauche */
    left: -999em;
    text-align: left;
}	
#Quiz
{
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 50%;
	z-index: 2;
	color: white;
}
#fond_quizz
{
	position: absolute;
	width: 33.3%;
	height: 20%;
	top: 0;
	z-index: 1;
	left: 50%;
	transform: translate(-50%); 
}
#fond_quizz:hover
{
	background-color: rgba(125, 35, 40, 0.15);
}
#Quiz:hover a
{
	color: rgba(125, 35, 40, 0.4);
}	
#LiensExternes
{
	position: absolute;
	left: 83.31%;
	transform: translate(-50%, -50%);
	top: 50%;
	z-index: 2;
	color: white;
}
#fond_liens
{
	position: absolute;
	width: 33.3%;
	height: 20%;
	top: 0;
	z-index: 1;
	right: 33.3%;
	transform: translate(100%);
}
#fond_liens:hover
{
	background-color: rgba(125, 35, 40, 0.15);
}
#LiensExternes:hover a
{
	color: rgba(125, 35, 40, 0.4);
}
#fond_accueil
{
	position: absolute;
	width: 33.3%;
	height: 20%;
	top: 0;
	z-index: 1;
	left: 33.3%;
	transform: translate(-100%);
}
#fond_accueil:hover
{
	background-color: rgba(125, 35, 40, 0.15);	
}
#Accueil:hover a
{
	color: rgba(125, 35, 40, 0.4);
}
#Accueil
{
	z-index: 2;
	color: white;
	position: absolute;
	top: 50%;
	left: 16.65%;
	transform: translate(-50%, -50%)
}
body
{
	 filter: Alpha( Opacity=100, FinishOpacity=1, Style=1, StartX=0, StartY=6, FinishX=85, FinishY=6 );
  background-image: url('fond-accueil.jpg');
	font-family: Adventure;
}
ul li ul li
{
	margin: 10px 0px 10px 0px;
}
p
{
	position: absolute;
	text-align: center;
	top: 50%;
	width: 40%;
	color: white;
	font-size: 20px;
	left: 30%;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.7);
}

nav
{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 40px;
	height: 20%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.7);
}
#icones
{
	background-image: url('Icones.png');
	position: absolute;
	bottom: 2%;
	height: 6%;
	width: 4.5%;
	left: 93.5%;
	z-index: 2;
	background-position: center center;
	background-size: 100% 100%;
}